<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/css/lib/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/toastr/toastr.min.css}">
    <link rel="stylesheet" th:href="@{/css/app.css}">

    <script type="text/javascript" th:src="@{/js/lib/jquery-2.1.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/toastr/toastr.min.js}"></script>

</head>
<body>
<div class="container-fluid">
    <div class="login-register-tabs">
        <div class="app-font" style="font-weight: bold;">登录界面</div>
    </div>

    <div id="login-container" class="login-register-container">
        <form class="form-horizontal" th:action="@{/login}"  method="post">

            <div class="form-group">
                <label for="userId">用户名</label>
                <input type="text" class="form-control" id="userId" name="userId" placeholder="请输入用户名">
            </div>
            <div class="form-group">
                <label for="loginPassword">登录密码</label>
                <input type="password" class="form-control" id="loginPassword" name="loginPassword" placeholder="请输入登录密码">
            </div>

            <div class="row" style="height: 60px;">
                <div class="col-xs-6">&nbsp;</div>
                <div class="col-xs-6" style="text-align: right;">
                    <a style="color: orange;" th:href="@{/toRegister}">注册</a>
                </div>
            </div>

            <button class="btn login-register-button app-btn" type="submit">登录</button>
        </form>
    </div>

</div>
<script th:inline="javascript">
    /*<![CDATA[*/
        toastr.options = {
            "positionClass": "toast-center-center"
        };

        var errorMsg = [[${errorMsg}]];
        if(errorMsg) {
            toastr.info(errorMsg, "温馨提示");
        }

    /*]]>*/
</script>
</body>
</html>